
<div class="container ">
    <div class="content-section topmenu">
        <div class="row">
            <div class="content_img col-md-10 col-xs-12  col-md-offset-1 no-padder"> <a href="#"><img src="__ROOT__{:get_cover($index_arr3['cover_id'],$field = path)}" /></a>
                <div class="portfolio-overlay dk hidden-sm"> <a href="#" data-toggle="modal" data-target="#myModal" class="expand bg-blue about no-radius">關於我們</a> </div>
            </div>
            <div class="content_img col-md-5 col-xs-6 col-md-offset-1 no-padder"> <a href="#"><img src="__ROOT__{:get_cover($index_arr1['cover_id'],$field = path)}" /></a>
                <div class="portfolio-overlay dk hidden-sm ">
                    <h3 class="p-t-lg">{$index_arr1['title']}</h3>
                    <a href="#music" class="expand bg-blue go">GO</a> </div>
            </div>
            <div class="content_img col-md-5 col-xs-6 no-padder"> <a href="#"><img src="__ROOT__{:get_cover($index_arr2['cover_id'],$field = path)}" /></a>
                <div class="portfolio-overlay hidden-sm">
                    <h3>{$index_arr2['title']}</h3>
                    <p>{$index_arr2['content']}</p>
                    <a href="#portfolio" class="expand"><i class="fa fa-search text_blue"></i></a> </div>
            </div>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<div id="music" style=" height: 70px;"></div>
<div class="text-center" >
    <h2 class="text_blue m-b-lg">音樂製作</h2>
    <h4 >{$about1}</h4>

    <a href="#music"><i class="fa fa-angle-down down_ico"></i> </a>
</div>
<div class="music_bg">
    <div class="dk padder-v p-t-5">
        <div class="container">
            <div class="row">
                <div class="col-md-4 m-t-lg text-center">
                    <div id="myAudio" style="margin:0 auto;">
                        <audio>
                            <volist name="music" id="data">
                                <source title="{$data.m_singer} - {$data['m_name']}.mp3" src="{$data.m_url}" img="__ROOT__{:get_cover($data['cover_id'],$field = path)}"/>   
                            </volist>
                        </audio>
                    </div>
                </div>
                <div class="col-md-3 col-md-offset-1 m-t-lg">
                    <input type='hidden' id='current_page' />
                    <input type='hidden' id='show_per_page' />
                    <ul class="col-md-offset-1 music_list">
                    </ul>
                    <hr>
                    <div id="page_navigation" class="pull-right"> </div>
                </div>
                <div class="col-md-3 m-t-lg text-center col-md-offset-1 container2 ">
                    <div class="div_scroll">
                        <volist name="Special" id="data">
                            <div class="scroll_con">
                                <h4 class=" m-b-lg">{$data['title']}</h4>
                                <hr>
                                <h2 class="text-center padder-v">${$data['prices']}</h2>
                                <hr>
                                <h5 class="l-h-2x">
                                    {$data['description']}

                            </div>
                        </volist>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="left_boder">
        <div class="container">
            <div class="m-t-md">
                <ul class="pinlun padder-m">
                    <volist name="Comment" id="data">
                        <li>{$data['description']}<b class="badge pull-right">{$data['create_time']|date='Y-m-d',###}</b></li>
                    </volist>
                </ul>
                <div class="music_footer text-center m-t-lg hide-over"> <a class="dk pinglun_ico"><i class="fa fa-angle-up f-lg"></i></a> </div>
                <div class="contact-form dk text-center p-t-lg">
                    <form action="{:U('Comment/feedback',array('category_id'=>45,'pid'=>0,'model_id'=>7),'')}" method="post" name="contactform" id="contactform" >
                        <p>
                            <input name="c_name" type="text" id="c_name" placeholder="Your Name" onfocus="if (value == 'Your Name') {
                                        value = ''
                                    }" onblur="if (value == '') {
                                                value = 'Your Name'
                                            }">
                        </p>
                        <p>
                            <input name="c_email" type="text" id="c_email" placeholder="Your Email" onfocus="if (value == 'Your Email') {
                                        value = ''
                                    }" onblur="if (value == '') {
                                                value = 'Your Email'
                                            }">
                        </p>
                        <p>
                            <textarea name="description" id="description" placeholder="Message" onfocus="if (value == 'Message') {
                                        value = ''
                                    }" onblur="if (value == '') {
                                                value = 'Message'
                                            }"></textarea>
                        </p>
                        <input type="submit" class="mainBtn" id="submit" value="Send Message" onfocus="if (value == 'Send Message') {
                                    value = ''
                                }" onblur="if (value == '') {
                                            value = 'Send Message'
                                        }">
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="mv">
    <div class="text-center">
        <h2 class="text_blue m-b-lg">個人MV</h2>
        <h4 >{$about2}</h4>
        <a href="#mv"><i class="fa fa-angle-down down_ico"></i></a>
    </div>
    <div class="mv padder-m bg-white">
        <div class="container">
            <div class="row">
                <volist name='video' id='data'>
                    <if condition="$data['category_id']=='41'">
                    <div class="col-xs-12 col-md-4">
                        <div class="thumbnail no-radius pos_rlt gallery"> 
                            <a href="{$data['v_url']}" rel="prettyPhoto[gallery1]" class="mv">
                                <img src="__ROOT__{:get_cover($data['cover_id'],$field = path)}

                                                                                                                                                  ">
                                <div class="caption">
                                    <h3 class="text-center text_blue">MV</h3>
                                </div>
                                <div class="portfolio-overlay">


                                    <h3>{$data.title}</h3>
                                    <div class="expand"><i class="fa fa-play-circle-o f-md"></i></div>
                                </div>
                            </a> </div>
                    </div>
                    </if>
                </volist>
            </div>
        </div>
    </div>
    <div class="jumbotron bg-primary m-t-5">
        <div class="container">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active index_bo">
                        <div class="row">
                            <volist name='Fees' id='data'>
                                <div class="col-md-4 change_1">
                                    <h4 class="text-center text_white">{$data['title']}</h4>
                                    <h1 class="text-center text_white padder-v" style=" color:#fff;">${$data['prices']}</h1>
                                    <h4  class="text-center text_white l-h-2x">{$data['description']}</h4>
                                </div>

                            </volist>
                        </div>
                    </div>


                </div>

                <!-- Controls -->
                <a class="left carousel-control control_pre" href="#carousel-example-generic" role="button" data-slide="prev">
                    <i class="fa fa-angle-left"></i>
                </a>
                <a class="right carousel-control control_next" href="#carousel-example-generic" role="button" data-slide="next">
                    <i class="fa fa-angle-right"></i>
                </a>
            </div>

        </div>
    </div>
</div>

</div>

<div id="portfolio"> 
    <div class="text-center">
        <h2 class="text_blue m-b-lg">影視製作</h2>
        <h4 >{$about3}</h4>
        <i class="fa fa-angle-down down_ico"></i>
    </div>
    <div  class="container m-t-lg padder">
        <ul class="nav nav-tabs btn-group yinshi-tab changeLi_1" id="myTab" >  
            {:W('Category/lists', array(49, true))}
        </ul>
        <div id="myTabContent" class="tab-content m-t-lg">
            <foreach name='list' item='data'>
                <if condition='$key eq 1'>
                    <div id="void{$data}" class="tab-pane fade active in">
                        <div id="myCarousel" class="carousel slide" data-pause="" > 
                            <div class="carousel-inner" >
                                <div class="item active index_bo">
                                    <div class="row">
                                        <volist name='pic' id='pics' >
                                            <if condition='$pics.category_id eq $data'>
                                                <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                                    <if condition ="$pics.video_url eq ''">
                                                    <a href=" __ROOT__{:get_cover($pics['cover_id'],$field = path)}" rel="prettyPhoto[gallery2]">
                                                   <else/>
                                                    <a href="{$pics['video_url']}" rel="prettyPhoto[gallery2]" class="mv">
                                                    </if>
                                                        <img src=" __ROOT__{:get_cover($pics['cover_id'],$field = path)}" style=" width:100%;"/>
                                                        <div class="portfolio-overlay">
                                                            <h3>{$pics.title}</h3>
                                                            <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </if>
                                        </volist>
                                       
                                    </div>       
                                </div>

                            </div>
                            <!-- Carousel nav -->
                            <a class="carousel-control left yinshi-left control_pre" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right yinshi-right control_next" href="#myCarousel" data-slide="next">&rsaquo;</a>

                        </div>
                    </div>

                    <else />   <div id="void{$data}" class="tab-pane fade ">
                        <div id="myCarousel" class="carousel slide" data-pause="" > 
                            <div class="carousel-inner" >
                                <div class="item active index_bo">
                                    <div class="row">
                                        <volist name='pic' id='pics' >
                                            <if condition='$pics.category_id eq $data'>
                                                <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                                    
                                                  <if condition ="$pics.video_url eq ''">
                                                    <a href=" __ROOT__{:get_cover($pics['cover_id'],$field = path)}" rel="prettyPhoto[gallery2]">
                                                   <else/>
                                                    <a href="{$pics['video_url']}" rel="prettyPhoto[gallery2]" class="mv">
                                                    </if>
                                                   
                                                        <img src=" __ROOT__{:get_cover($pics['cover_id'],$field = path)}" style=" width:100%;"/>
                                                        <div class="portfolio-overlay">
                                                            <h3>{$pics.title}</h3>
                                                            <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </if>
                                        </volist>
                                        
                                    </div>       
                                </div>

                            </div>
                            <!-- Carousel nav -->
                            <a class="carousel-control left yinshi-left control_pre" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right yinshi-right control_next" href="#myCarousel" data-slide="next">&rsaquo;</a>

                        </div>
                    </div>
                </if>
            </foreach>
        </div>

    </div>
</div> 

<div id="contact">
    <div class="text-center">
        <h2 class="text_blue">聯系我們</h2>
        <i class="fa fa-angle-down down_ico"></i>
    </div>
    <div class="contact_bg">
        <div class="container">
            <div class="row">
                <div class="col-md-4 conact_map"><img src="__ROOT__{:get_cover($map,$field = path)}" /></div>
                <div class="col-md-8 conact_info">
                    <volist name='contact' id='data'>
                        <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_phone"></span>{$data.c_tel}</div>
                        <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_ads"></span>{$data.c_add} </div>
                        <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_mes"></span>{$data.c_email}</div>
                        <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_web"></span>{$data.c_index}</div>
                    </volist>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="Performance">
    <div class="container pos-rlt padder bg-white hezuo">
        <h1 class="text_blue pos-abt " style=" font-size:40px;">合作客戶</h1>
        <volist name="Client" id="data">
            <if condition="$data['category_id'] eq 61">
                <img class="pull-right" src="__ROOT__{:get_cover($data['cover_id'],$field = path)}" /> 
            </if>
        </volist>

    </div>
</div>
<div id="footer" class="pos_rlt">
    <a href="#top" id="toTop" class="dk" style="display:block;"><i class="fa fa-angle-up"></i></a>
    <div class="footer m-t-lg text-center text_white"> {:C('WEB_COPYRIGHT')} </div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog about_modal">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close font_blue" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title font_blue" id="myModalLabel">{$index_arr3['title']}</h4>
            </div>
            <div class="modal-body">
                <volist name='about' id='data'>
                    <if condition="$data['category_id']=='62'">
                        {$index_arr3['content']}
                    </if>
                </volist>
            </div>
        </div>
    </div>
</div>
<!-- Messge -->       
<div class="messge">
    <div class="messge_nav">聯系我們 CONTACT  US</div>
    <div class="message_content">
        <form action="{:U('Feedback/feedback',array('category_id'=>55,'pid'=>0,'model_id'=>11),'')}" method="post" id="form_message">               
            <input class="message_input " type="text" name="contacts" onfocus="if (value == '姓名 Name') {
                        value = ''
                    }" onblur="if (value == '') {
                                value = '姓名 Name'
                            }" value="姓名 Name" />
            <input class="message_input" type="text" name="phone" onfocus="if (value == '電話 Phone') {
                        value = ''
                    }" onblur="if (value == '') {
                                value = '電話 Phone'
                            }" value="電話 Phone" />
            <input class="message_input" type="text" name="email" onfocus="if (value == '郵箱 Email') {
                        value = ''
                    }" onblur="if (value == '') {
                                value = '郵箱 Email'
                            }" value="郵箱 Email" />
            <textarea class="message_text_area" name="content" onfocus="if (value == '内容') {
                        value = ''
                    }" onblur="if (value == '') {
                                value = '内容'
                            }" value="内容"></textarea>
            <input class="message_button" type="submit" value="發送 Send" />
        </form>
    </div>
</div>


<script src="__PUBLIC__/Index/js/jquery.min.js"></script> 
<script src="http://libs.useso.com/js/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
<script src="__PUBLIC__/Index/js/jquery.prettyPhoto.js"></script> 
<script src="__PUBLIC__/Index/js/main.js"></script> 
<script src="__PUBLIC__/Index/js/AudioPlayer.js" type="text/javascript" ></script>
<script src="__PUBLIC__/Index/js/index_swiper.js" type="text/javascript"></script>

<script type="text/javascript" src="__PUBLIC__/Index/js/mousewheel.js"></script> 
<script type="text/javascript" src="__PUBLIC__/Index/js/easyscroll.js"></script>  